// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.

@use '~@mozilla-protocol/core/protocol/css/includes/lib' as *;
@use '~@mozilla-protocol/core/protocol/css/base/utilities/rich-text';


.mzp-u-rich-text {
    .richtext-image {
        display: block;
        height: auto;
        margin-bottom: $spacing-lg;
        max-width: 100%;

        &.full-width {
            margin: 0 auto $spacing-lg;
        }

        @media #{$mq-md} {
            &.left {
                @include bidi(((margin-left, 0, auto),));
                @include bidi(((margin-right, auto, 0),));
            }

            &.right {
                @include bidi(((margin-left, auto, 0),));
                @include bidi(((margin-right, 0, auto),));
            }
        }
    }
}
